<html>
<head>
    <style>
        @page {
            size: 500px 800px;
            margin: 0;
        }
        body {
            max-width: 500px;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<table style="width:100%; border: 3px solid black;">
    <tr>
        <td style="border: 1px solid green;">
            <img src="../../demos/images/landscape-sydney.jpg"
                 style="max-height:100px; max-width:200px;"/>
            <img src="../../demos/images/portrait-shuttle.jpg"
                 style="max-height:100px; max-width:200px;"/>
        </td>
    </tr>
    <tr>
        <td style="border: 1px solid green;">
            <img src="../../demos/images/landscape-sydney.jpg"
                 style="max-height:100px; "/>
            <img src="../../demos/images/portrait-shuttle.jpg"
                 style="max-height:100px; "/>
        </td>
    </tr>
    <tr>
        <td style="border: 1px solid green;">
            <img src="../../demos/images/landscape-sydney.jpg"
                 style="max-width:200px;"/>
            <img src="../../demos/images/portrait-shuttle.jpg"
                 style="max-width:200px;"/>
        </td>
    </tr>
</table>
</body>
</html>
